<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .outer {
            width: 400px;
            background: #ccabab;
            border: 1px solid #000;
        }

        .box {
            width: 100px;
            height: 100px;
            background-color: #36a7c7;
            border: 1px solid #000;
            /* 加外边距 */
            margin: 10px;
        }

        .box1,
        .box2,
        .box3 {
            float: left;
        }

        /* .outer2 {
            background-color: #acce34;
        } */
    </style>
</head>

<body>
    <div class="outer">
        <div class="box box0">0</div>
        <div class="box box1">1</div>
        <div class="box box2">2</div>
        <div class="box box3">3</div>
        <div class="box box4" style="background-color:  bisque;">4</div>
    </div>
    <div class="outer2">
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
        Lorem150... Lorem150...'' Lorem15'' Lorem15'' Lorem15'' Lorem15 0...Lorem150... '' Lorem15'' Lorem15'' Lorem15''
        Lorem15'' Lorem15
    </div>
</body>

</html>